
{extend name=".././view/list.html" /}
{block name="jsset"}

{/block}
{block name="nav"}
	<span class="layui-breadcrumb">
		<a href="">系统管理</a>
		<a><cite>统计项目</cite></a>
	</span>
{/block}
{block name="search"}
	<div class="layui-form-item">
      <label for="searchval" class="layui-form-label">
          关键字
      </label>
      <div class="layui-input-block">
          <input type="text" id="searchval" name="searchval"
          autocomplete="off" class="layui-input">
      </div>
      <div class="layui-form-item">
          <label for="category_id" class="layui-form-label" style="height: 100%">统计类型</label>
          <div class="layui-input-block">
            <input type="radio" name="category_id" title="无" value="" lay-skin="primary" checked>
            {php} $category = categoryChildren(122);{/php}
            {volist name="category" id="vo"}
              <input type="radio" name="category_id" title="{$vo.title}" value="{$vo.id}" lay-skin="primary">
            {/volist}
          </div>
      </div>
    </div>
	</div>
{/block}
{block name="table"}
	<table id="tabledemo" lay-filter="mytable" lay-size="sm"></table>
{/block}
{block name="myjs"}
	<!-- 表格上面按钮模板 -->
<script type="text/html" id="toolbarDemo">
	<div class="layui-btn-container">
		<button class="layui-btn layui-btn-danger" lay-event="dels">
			<i class="iconfont">&#xe69d;</i> 批量删除
		</button>
		<button class="layui-btn" lay-event="add">
			<i class="iconfont">&#xe6b9;</i> 新建
		</button>
	</div>
</script>
<!-- 记录操作按钮模板 -->
<script type="text/html" id="barDemo">
	<a class="layui-btn-xs" lay-event="del" title="删除"><i class="layui-icon">&#xe640;</i></a>
	<a class="layui-btn-xs" lay-event="edit" title="编辑"><i class="layui-icon layui-icon-edit"></i></a>
</script>
<script type="text/html" id="tongji">
  <input type="checkbox" myurl="{$list.tongji ? $list.tongji : url('tongji')}" {{d.tongji == '参与' ? "checked" :""}} id="{{d.id}}" lay-skin="switch" lay-filter="tongji" lay-text="参与|不参与">
</script>
<!-- 表格操作 -->
<script>

  // 设置列
  options.cols=[[ //表头
			{type:'checkbox', fixed:'left'},
      {field: 'category_id', title: '类别',sort: true, minWidth:140,templet:function(d){
        var str='';
        if(d.tjxmCategory)
        {
          str = d.tjxmCategory.title;
        }
        return str;
      }} ,
			{field:'title', title:'标题', minWidth:100, sort:true},
      {field:'tongji', title:'参与统计', minWidth:80, templet:'#tongji', sort:true},
      {field:'paixu', title:'排序', minWidth:80, sort:true},
      {field:'status', title:'状态', minWidth:80, templet:'#status', sort:true},
      {field:'id', title:'操作', toolbar:'#barDemo', minWidth:120},
		]];

  // 提交搜索条件后重载表格
    layui.use(['table', 'cjgl'], function(){
      var table = layui.table
          cjgl = layui.cjgl;
      //表头工具栏事件
      table.on('toolbar(mytable)', function(obj){
        switch(obj.event){
          case 'dels':
            var checkStatus = table.checkStatus('mytable'); //idmytable 即为基础参数 id 对应的值
            cjgl.delAll(checkStatus, '/kaoshi/tjxm/delete', 'mytable');
            break;
          case 'add':
            cjgl.add('新建项目', '/kaoshi/tjxm/create', '600', '300', false);
            break;
        };
      });

      //监听行工具条
      table.on('tool(mytable)', function(obj){
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        switch(layEvent){
	        case 'del':// 删除
	          cjgl.del(obj, "/kaoshi/tjxm/delete");
	          break;
	        case 'edit':// 编辑
	          cjgl.add('编辑项目', '/kaoshi/tjxm/edit/' + obj.data.id, '600', '300', false);
	          break;
        };
      });
    });
</script>
{/block}
